﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
    <script type="text/javascript" src="./galleria/themes/classic/galleria.classic.min.js"></script>    
    
    <script type="text/javascript">
    var data = [
    {
        image: 'http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg',
        thumb: 'http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg',
        big: 'http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg',
        title: 'my first image',
        description: 'Lorem ipsum caption',
        link: 'http://domain.com'
    },
    {
        image: 'http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg',
        thumb: 'http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg',
        big: 'http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg',
        title: 'my second image',
        description: 'Another caption',
        link: '/path/to/destination.html'
    }
];

$('#gallery').galleria({
    data_source: data
});
</script>
</head>
<body>
<div id="gallery">

</div>
</body>
</html>
